<template>
  <div>
    <h2>事件修饰符</h2>
    <!-- 没有具体实参，可以直接使用e  -->

    <!-- 事件修饰符
      ● .prevent  阻止默认行为
      ● .stop 阻止冒泡
      ● .enter 键盘事件才能用。

      修饰符可以连用，例如 @click.prevent.stop="xxxxx"
    -->
    <form action="">
      <input type="text" @keyup.enter="two">
      <button @click.prevent="one">按钮</button>
    </form>
  </div>
</template>

<script>
export default {
  name: 'App',
  methods:{
    one (e) {
      console.log(e.target);
    },
    two () {
      console.log(123);
    }
  }
}
</script>